<template>
    <div class="page-containter">
        <div class="page-content">
            <van-icon name="checked" color="var(--color)" :size="30"/>
            <div class="page-title fs-18 fc-000 fw-b">考试已提交</div>
            <div class="page-title fs-14 fc-999">您已完成本次考试</div>
            <div class="btn-wrap flex-wrap flex-middle flex-center">
                <button
                round
                class="btn"
                type="primary"
                size="medium"
                @click="toReview"
                >再考一次</button>
                <button
                type="primary"
                size="medium"
                round
                @click="callback">返回首页</button>
            </div>
        </div>
    </div>
</template>
<script>
import VanIcon from "@/components/vant/van-icon/van-icon.vue";

export default {
  components: {VanIcon},
    data() {
        return {
            surveyId: '',
            id: '',
            detail: {}
        }
    },
    layout (context) {
        return 'empty'
    },
	onLoad(query) {
		this.id = query.id || ''
		this.surveyId = query.surveyId || ''
	},
    mounted() {

    },
    computed: {
    },
    methods: {
    
        toReview() {
            this.$uniPush({
                name: 'exam-start-id',
                params: {
                    id: this.id
                }, query: {
                    surveyId: this.surveyId
                }
            })
        },
        callback() {
            uni.reLaunch({
            	url:"/pages/index"
            })
        }
    }
}
</script>
<style lang="scss" scoped>
.page-containter {
    .page-content{
        position: relative;
        padding: 35vh 15px 0;
        text-align: center;
        .van-icon{
            font-size: 48px;
        }
        .page-title{
            margin: 8px 0;
        }
        button {
            margin-top: 30px;
            width: 100%;
            & + button {
                margin-left: 20px;
            }
        }
    }
}
</style>